<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>徽标数</title>
    <link rel="stylesheet" href="./view/徽标数/styles.css">
</head>
<body>
<!-- Unnamed (Rectangle) -->
<div id="u3197" class="ax_default heading_1">
    <div id="u3197_div" class=""></div>
    <div id="u3197_text" class="text ">
        <p><span>Badge 徽标数</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3198" class="ax_default heading_1">
    <div id="u3198_div" class=""></div>
    <div id="u3198_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3199" class="ax_default label">
    <div id="u3199_div" class=""></div>
    <div id="u3199_text" class="text ">
        <p><span>主要用于通知未读数的角标，提醒用户点击。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3200" class="ax_default label">
    <div id="u3200_div" class=""></div>
    <div id="u3200_text" class="text ">
        <p><span>基础用法</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3201" class="ax_default label">
    <div id="u3201_div" class=""></div>
    <div id="u3201_text" class="text ">
        <p><span>最简单的使用方法。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3202" class="ax_default label">
    <div id="u3202_div" class=""></div>
    <div id="u3202_text" class="text ">
        <p><span>小红点</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3203" class="ax_default label">
    <div id="u3203_div" class=""></div>
    <div id="u3203_text" class="text ">
        <p><span>强迫症患者慎用！</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3204" class="ax_default box_2">
    <div id="u3204_div" class=""></div>
    <div id="u3204_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3205" class="ax_default box_1">
    <div id="u3205_div" class=""></div>
    <div id="u3205_text" class="text ">
        <p><span>3</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3206" class="ax_default box_2">
    <div id="u3206_div" class=""></div>
    <div id="u3206_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3207" class="ax_default box_1">
    <div id="u3207_div" class=""></div>
    <div id="u3207_text" class="text ">
        <p><span>12</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3208" class="ax_default box_2">
    <div id="u3208_div" class=""></div>
    <div id="u3208_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3209" class="ax_default box_1">
    <div id="u3209_div" class=""></div>
    <div id="u3209_text" class="text ">
        <p><span>250</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3210" class="ax_default box_2">
    <div id="u3210_div" class=""></div>
    <div id="u3210_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3211" class="ax_default ellipse">
    <img id="u3211_img" class="img " src="assets/images/徽标数/u3211.svg"/>
    <div id="u3211_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3212" class="ax_default label">
    <div id="u3212_div" class=""></div>
    <div id="u3212_text" class="text ">
        <p><span></span></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3213" class="ax_default ellipse">
    <img id="u3213_img" class="img " src="assets/images/徽标数/u3213.svg"/>
    <div id="u3213_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3214" class="ax_default label">
    <div id="u3214_div" class=""></div>
    <div id="u3214_text" class="text ">
        <p><span>可以是一个链接</span></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3215" class="ax_default ellipse">
    <img id="u3215_img" class="img " src="assets/images/徽标数/u3213.svg"/>
    <div id="u3215_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3216" class="ax_default label">
    <div id="u3216_div" class=""></div>
    <div id="u3216_text" class="text ">
        <p><span>封顶数字</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3217" class="ax_default label">
    <div id="u3217_div" class=""></div>
    <div id="u3217_text" class="text ">
        <p><span>axure中没必要自动封顶，建议原型设计时直接用封顶数字方便向开发传达封顶值。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3218" class="ax_default box_2">
    <div id="u3218_div" class=""></div>
    <div id="u3218_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3219" class="ax_default box_1">
    <div id="u3219_div" class=""></div>
    <div id="u3219_text" class="text ">
        <p><span>99+</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3220" class="ax_default box_2">
    <div id="u3220_div" class=""></div>
    <div id="u3220_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3221" class="ax_default box_1">
    <div id="u3221_div" class=""></div>
    <div id="u3221_text" class="text ">
        <p><span>999+</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3222" class="ax_default label">
    <div id="u3222_div" class=""></div>
    <div id="u3222_text" class="text ">
        <p><span>独立使用及自定义样式</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3223" class="ax_default label">
    <div id="u3223_div" class=""></div>
    <div id="u3223_text" class="text ">
        <p><span>可以没有 slot 独立展示。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3224" class="ax_default box_1">
    <div id="u3224_div" class=""></div>
    <div id="u3224_text" class="text ">
        <p><span>10</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3225" class="ax_default box_1">
    <div id="u3225_div" class=""></div>
    <div id="u3225_text" class="text ">
        <p><span>20</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3226" class="ax_default box_1">
    <div id="u3226_div" class=""></div>
    <div id="u3226_text" class="text ">
        <p><span>20</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3227" class="ax_default box_1">
    <div id="u3227_div" class=""></div>
    <div id="u3227_text" class="text ">
        <p><span>10</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3228" class="ax_default label">
    <div id="u3228_div" class=""></div>
    <div id="u3228_text" class="text ">
        <p><span>自定义内容</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3229" class="ax_default label">
    <div id="u3229_div" class=""></div>
    <div id="u3229_text" class="text ">
        <p><span>可以自定义显示内容。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3230" class="ax_default box_2">
    <div id="u3230_div" class=""></div>
    <div id="u3230_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3231" class="ax_default box_1">
    <div id="u3231_div" class=""></div>
    <div id="u3231_text" class="text ">
        <p><span>new</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3232" class="ax_default box_2">
    <div id="u3232_div" class=""></div>
    <div id="u3232_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3233" class="ax_default box_1">
    <div id="u3233_div" class=""></div>
    <div id="u3233_text" class="text ">
        <p><span>hot</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3234" class="ax_default label">
    <div id="u3234_div" class=""></div>
    <div id="u3234_text" class="text ">
        <p><span>状态点</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3235" class="ax_default label">
    <div id="u3235_div" class=""></div>
    <div id="u3235_text" class="text ">
        <p><span>用于表示状态的小圆点。</span></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3236" class="ax_default ellipse">
    <img id="u3236_img" class="img " src="assets/images/徽标数/u3213.svg"/>
    <div id="u3236_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3237" class="ax_default ellipse">
    <img id="u3237_img" class="img " src="assets/images/徽标数/u3237.svg"/>
    <div id="u3237_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3238" class="ax_default ellipse">
    <img id="u3238_img" class="img " src="assets/images/徽标数/u3238.svg"/>
    <div id="u3238_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3239" class="ax_default ellipse">
    <img id="u3239_img" class="img " src="assets/images/徽标数/u3239.svg"/>
    <div id="u3239_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3240" class="ax_default ellipse">
    <img id="u3240_img" class="img " src="assets/images/徽标数/u3211.svg"/>
    <div id="u3240_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3241" class="ax_default ellipse">
    <img id="u3241_img" class="img " src="assets/images/徽标数/u3213.svg"/>
    <div id="u3241_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3242" class="ax_default ellipse">
    <img id="u3242_img" class="img " src="assets/images/徽标数/u3237.svg"/>
    <div id="u3242_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3243" class="ax_default ellipse">
    <img id="u3243_img" class="img " src="assets/images/徽标数/u3238.svg"/>
    <div id="u3243_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3244" class="ax_default ellipse">
    <img id="u3244_img" class="img " src="assets/images/徽标数/u3239.svg"/>
    <div id="u3244_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3245" class="ax_default label">
    <div id="u3245_div" class=""></div>
    <div id="u3245_text" class="text ">
        <p><span>Success</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3246" class="ax_default label">
    <div id="u3246_div" class=""></div>
    <div id="u3246_text" class="text ">
        <p><span>Error</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3247" class="ax_default label">
    <div id="u3247_div" class=""></div>
    <div id="u3247_text" class="text ">
        <p><span>Default</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3248" class="ax_default label">
    <div id="u3248_div" class=""></div>
    <div id="u3248_text" class="text ">
        <p><span>Processing</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3249" class="ax_default label">
    <div id="u3249_div" class=""></div>
    <div id="u3249_text" class="text ">
        <p><span>Warning</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3250" class="ax_default label">
    <div id="u3250_div" class=""></div>
    <div id="u3250_text" class="text ">
        <p><span>预设颜色</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3251" class="ax_default label">
    <div id="u3251_div" class=""></div>
    <div id="u3251_text" class="text ">
        <p><span>可以设置不同的颜色。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3252" class="ax_default box_2">
    <div id="u3252_div" class=""></div>
    <div id="u3252_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3253" class="ax_default box_2">
    <div id="u3253_div" class=""></div>
    <div id="u3253_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3254" class="ax_default box_2">
    <div id="u3254_div" class=""></div>
    <div id="u3254_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3255" class="ax_default box_2">
    <div id="u3255_div" class=""></div>
    <div id="u3255_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3256" class="ax_default box_2">
    <div id="u3256_div" class=""></div>
    <div id="u3256_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3257" class="ax_default box_2">
    <div id="u3257_div" class=""></div>
    <div id="u3257_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3258" class="ax_default box_1">
    <div id="u3258_div" class=""></div>
    <div id="u3258_text" class="text ">
        <p><span>5</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3259" class="ax_default box_1">
    <div id="u3259_div" class=""></div>
    <div id="u3259_text" class="text ">
        <p><span>5</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3260" class="ax_default box_1">
    <div id="u3260_div" class=""></div>
    <div id="u3260_text" class="text ">
        <p><span>5</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3261" class="ax_default box_1">
    <div id="u3261_div" class=""></div>
    <div id="u3261_text" class="text ">
        <p><span>5</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3262" class="ax_default box_1">
    <div id="u3262_div" class=""></div>
    <div id="u3262_text" class="text ">
        <p><span>5</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u3263" class="ax_default box_1">
    <div id="u3263_div" class=""></div>
    <div id="u3263_text" class="text ">
        <p><span>5</span></p>
    </div>
</div>

<!-- Unnamed (Ellipse) -->
<div id="u3264" class="ax_default ellipse">
    <img id="u3264_img" class="img " src="assets/images/徽标数/u3213.svg"/>
    <div id="u3264_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>
</body>
</html>
